<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
%>
<html>
<style>
    .type ul li {
        line-height: 60px;
        font-size: 13px;
        border-bottom: #cccccc 1px dashed;
        display: block;
        font-family: "宋体";
        height: 63px;
        color: #666666;
        font-size: 13px;
        text-decoration: none;
    }

    .type ul li div {
        margin-left: 50px;
    }

    .type ul li input {
        background-color: #54b200;
        cursor: pointer;
        outline: none;
        font-family: 黑体;
        width: 83px;
        height: 32px;
        color: #FFF;
        font-size: 15px;
        font-weight: bold;
        line-height: initial;
        border: 0px;
    }
</style>
<head>
    <meta charset="utf-8">
    <title>等你回家</title>
    <!-- Favicon -->
    <link href="<%=path %>/web/index/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="icon" href="<%=path%>/web/static/images/favicon.png" type="image/png" sizes="32x32">
    <link href="<%=path%>/web/index/css/inc.css" rel="stylesheet" type="text/css" media="all"/>

    <!-- All CSS -->
    <link rel="stylesheet" href="<%=path%>/web/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="<%=path%>/web/static/css/style.css">
</head>
<body>
<div class="banner-in1">
    <div class="container1">
        <h6>寻亲登记 / <span> </span></h6>
    </div>
</div>
<!--header-->
<div class="header1">
    <div class="container1">
        <div class="logo1">
            <a href="index.html"><img src="<%=path %>/web/index/images/logo.png" alt=" "/></a>
        </div>
        <div class="top-nav1">
            <span class="menu1"> </span>
            <ul>
                <li><a href="<%=path%>/web/index" class="scroll">首页 </a></li>
                <li class="active1"><a href="<%=path %>/web/information/chooseType" class="scroll">你在哪儿</a></li>
                <li><a href="<%=path %>/web/information/informationList?lostTypeId=0" class="scroll">我想回家</a></li>
                <li><a href="<%=path %>/web/blogger/blog" class="scroll">日志论坛</a></li>
                <li><a href="<%=path %>/web/task/releaseTask" class="scroll">任务列表</a></li>
                <c:if test="${empty(sessionScope.userinfo)}" var="result">
                    <li><a href="<%=path %>/web/userinfo/register" class="scroll">注册</a>|<a
                            href="<%=path %>/web/userinfo/login" class="scroll">登录</a></li>
                </c:if>
                <c:if test="${not result}">
                    <li><a href="<%=path%>/web/userinfo/applyVolunteer" class="scroll">加入我们</a></li>
                    <c:if test="${(sessionScope.userinfo.username eq '')||(sessionScope.userinfo.username eq NULL)}" var="result">
                        <span style="color:white">欢迎<a style="color: white"
                                                       href="">${sessionScope.userinfo.phone}</a></span>
                    </c:if>
                    <c:if test="${not result}">
                        <span style="color:white">欢迎<a style="color: white"
                                                       href="">${sessionScope.userinfo.username}</a></span>
                    </c:if>
                    <span style="color: white">|</span>

                    <span style="color:white"><a style="color: white"
                                                 href="<%=path %>/web/userinfo/logout">注销</a></span>
                    <span style="color: white">|</span>
                    <label><img style="width:30px;height: 30px"
                                src="<%=path %>/web/uploadImages/${sessionScope.userinfo.pic}"></label>
                </c:if>
            </ul>
            <!--script-->
<%--            <script>--%>
<%--                $("span.menu").click(function () {--%>
<%--                    $(".top-nav ul").slideToggle(500, function () {--%>
<%--                    });--%>
<%--                });--%>
<%--            </script>--%>
        </div>
        <div class="clearfix1"></div>
    </div>
</div>
<main class="main-content-area clearfix">
    <div class="post-job-area pb-100 pt-100">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="lost-type post-form form-bg" style="border-bottom: #979797 1px solid;">
                        <ul>
                            <li class="select">1.选择登记类型</li>
                            <li>2.填写信息登记</li>
                            <li>3.完成登记</li>
                        </ul>
                    </div>
                    <div class=" post-form form-bg">
                        <div class="info-title mb-3">
                            <h3>请选择您要登记信息的类型：</h3>
                        </div>
                        <div class="type info-title mb-3" style="position:relative">
                            <ul style="list-style-type: none">
                                <c:forEach items="${requestScope.lostTypes}" var="lostType">
                                    <li data-id="${lostType.id}">
                                        <div>
<%--                                            <a href="<%=path %>/web/information/findPerson?lostType=${lostType.id}">--%>
                                            <input type="button" value="${lostType.title}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${lostType.info}
<%--                                            </a>--%>
                                        </div>
                                    </li>
                                </c:forEach>
                            </ul>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<!--footer-area-start -->
<footer>
    <div class="footer" style="height: 230px;">
        <div class="container" style="margin-top: -40px;">
            <p style="font-size: 15px;"><span style="font-size: 20px;">等你回家</span><span>邮箱:1111111@163.com</span>
                电话:0532—85025005</p>
            <p class="footer-class" style="font-size:15px;margin-top: -75px;">地址:山东省青岛市市南区中联创意广场B1栋三楼 <a
                    href="http://w3layouts.com/" target="_blank">万码学堂</a></p>
            <p class="footer-class" style="font-size:15px;margin-top: -60px;text-transform: none">Copyright © 2019
                www.dengnihuijia.com All rights Reserved.</p>
        </div>
    </div>
</footer>


<script src="<%=path%>/web/static/js/modules/jquery-3.4.1.min.js"></script>
</body>
</html>
<script>
    $(".type ul li input").click(function (){
        var lostTypeId = $(this).parent().parent().data("id");
        if(lostTypeId==1){
            window.location.href="<%=path %>/web/information/findPerson?lostTypeId="+lostTypeId;
        }else if(lostTypeId==2){
            window.location.href="<%=path %>/web/information/findFamily?lostTypeId="+lostTypeId;
        }else {
            window.location.href="<%=path %>/web/information/findVolunteer?lostTypeId="+lostTypeId;
        }

    })
</script>
